<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>

        //当页面加载完成时候执行
        window.onload=function(){
            var baidu=document.getElementById("baidu");//DOM对象
            console.log(baidu);

            // DOM对象.属性名
            // console.log(baidu.href);//获取href属性
            baidu.href="https://www.qq.com";//设置属性值

            var hobby=document.getElementById("hobby");//DOM对象
            console.log(hobby.checked);
            // 在js中，如果是复选框或者单选按钮等，DOM.checked属性对应的值是true(选中)或者false(未选中)(布尔属性)
            // hobby.checked=true;//设置被选中
            
            var div=document.querySelector("div");//DOM对象
            // console.log(div.id);
            // console.log(div.class);

            // DOM对象.getAttribute("属性名") 根据属性名获取属性值
            // DOM对象.setAttribute("属性名","属性值") 设置属性名和值
            // console.log(div.getAttribute("id"));
            // console.log(div.getAttribute("class"));
            div.setAttribute("aa","bb");//设置属性aa="bb"

          

        };
    </script>
</head>
<body>
    <a href="https://www.baidu.com" id="baidu">百度一下</a>
    <input type="checkbox" name="hobby" id="hobby" value="eat" checked="aa"  >吃饭
    <div id="mydiv" class="haha">div</div>
</body>
</html>